<template>
  <div class="box">
    <div class="title">
      <span class="el-icon-arrow-left" @click="$router.go(-1)"></span>
      {{ $t('Transaction Successful/ Failed') }}
    </div>
    <!--  -->
    <div class="error">
      <img src="../../../../assets/static/transferSuccess/x1.png" >
      <div>{{ $t('Transaction Successful/ Failed') }}</div>
    </div>
    <!--  -->
    <div class="ensure">{{ $t('Confirm')}}</div>
  </div>
</template>

<style scoped>
  .box{
    background-color: #F5F5F5;
    height: 100vh;
  }
  /* 标题 */
  .title {
    background-color: #7ac91b;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 15px;
  }

  .title .el-icon-arrow-left {
    float: left;
    margin-top: 5px;
  }
  /*  */
  .error{
    text-align: center;
    margin: 30px;
    font-size: 15px;
    color: #64BD1F;
    font-weight: bold;
  }
  .error img{
    width: 132px;
  }
  /*  */
  .ensure{
    width: 140px;
    margin: auto;
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
    background-image: linear-gradient(to right, #7AC91B , #5FBE00);
    padding: 15px 0;
    border-radius: 10px;
  }
</style>
